<div class="container">

    <div class="left-box">
        <div class="drring_all-bread crumbs"><a href="/" class="nuxt-link-active">DR</a> <span> / </span><a
                href="/goods/1" class="nuxt-link-exact-active nuxt-link-active">求婚钻戒</a> <span> / </span>
            <span class="spa1">所有商品</span>
            <!---->
        </div>
        <div class="page-title">求婚钻戒
            <!---->
        </div>
        <ul class="series-list">
            <li>稀世粉钻</li>
            <li>MY HEART系列</li>
            <li>BELIEVE系列</li>
            <li>FOREVER系列</li>
            <li>LOVE LINE系列</li>
            <li>DR PARIS系列</li>
            <li>TRUE LOVE系列</li>
            <li>WEDDING系列</li>
            <li>JUST YOU系列</li>
            <li>SWEETIE系列</li>
            <li>LOVE MARK系列</li>
            <li>D-DESTINY系列</li>
            <li>ROSE LOVE系列</li>
            <li>LOVE PALACE系列</li>
        </ul>
        <div class="left-module" style="display: block;">
            <p class="module-title">筛选<span class="module-right">全部清除</span></p>
            <div class="module-content"></div>
        </div>
        <div class="left-module">
            <p class="module-title">为你推荐</p>
            <div class="module-form-info">
                <p class="module_subTitle redRequired">请输入你的预算</p>
                <div class="el-input">
                    <!----><input type="text" autocomplete="off" class="el-input__inner">
                    <!---->
                    <!---->
                    <!---->
                    <!---->
                </div> —
                <div class="el-input">
                    <!----><input type="text" autocomplete="off" class="el-input__inner">
                    <!---->
                    <!---->
                    <!---->
                    <!---->
                </div>
            </div>
            <div class="module-form-info">
                <p class="module_subTitle redRequired">请选择你的性别</p>
                <div class="module-content"><label role="radio" tabindex="0" class="el-radio"><span
                            class="el-radio__input"><span class="el-radio__inner"></span><input type="radio"
                                aria-hidden="true" tabindex="-1" class="el-radio__original"
                                value="0"></span><span class="el-radio__label">女生
                            <!---->
                        </span></label> <label role="radio" tabindex="0" class="el-radio"><span
                            class="el-radio__input"><span class="el-radio__inner"></span><input type="radio"
                                aria-hidden="true" tabindex="-1" class="el-radio__original"
                                value="1"></span><span class="el-radio__label">男生
                            <!---->
                        </span></label></div>
            </div> <a class="module-form-submet">立即搜索</a>
        </div>
        <div class="left-module">
            <p class="module-title">重量（克拉）</p>
            <ul class="module-content">
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="0"></span><span
                            class="el-radio__label">10分以下
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="1"></span><span
                            class="el-radio__label">10分-30分
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="2"></span><span
                            class="el-radio__label">30分-50分
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="3"></span><span
                            class="el-radio__label">50分-1克拉
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="4"></span><span
                            class="el-radio__label">1克拉以上
                            <!---->
                        </span></label></li>
            </ul>
        </div>
        <div class="left-module">
            <p class="module-title">钻石形状</p>
            <ul class="module-content">
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="0"></span><span
                            class="el-radio__label">圆形（六角星）
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="1"></span><span
                            class="el-radio__label">心形（双心）
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="2"></span><span
                            class="el-radio__label">方形
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="3"></span><span
                            class="el-radio__label">心形
                            <!---->
                        </span></label></li>
                <li><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span
                                class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                tabindex="-1" class="el-radio__original" value="4"></span><span
                            class="el-radio__label">圆形
                            <!---->
                        </span></label></li>
            </ul>
        </div>
        <!---->
        <div class="left-module">
            <p class="module-title">价格</p>
            <div class="module-content">
                <!-- <ul class="gradually-options clearfix">
                    <li title="5000以下" class=""><i class="icon iconfont iconduihao"></i></li>
                    <li title="5001-10000" class=""><i class="icon iconfont iconduihao"></i></li>
                    <li title="10001-20000" class=""><i class="icon iconfont iconduihao"></i></li>
                    <li title="20001-40000" class=""><i class="icon iconfont iconduihao"></i></li>
                    <li title="40000以上" class=""><i class="icon iconfont iconduihao"></i></li>
                </ul> -->
                <div class="price-filter">
                        <input type="text">
                        <label>—</label>
                        <input type="text"> 
                        <em class="price-btn">确定</em>
                    </div>
            </div>
        </div>
    </div>
    <div class="content-box">
        <ul class="top-options clearfix">
            <li class="sort-item aa">价格排序</li>
            <li class="sort-item ab">升序</li>
            <li class="sort-item ac">降序</li>
        </ul>
        <!-- 数据渲染 -->
        <div class="scrollLoadBox">
        <ul class="goods-list">
            
            <!-- <li class="goods-item">
                 <div>
                    <div class="imgBox">
                        <img src="https://fastdfscdn.darryring.com/group1/M00/02/E1/wKgclmEfPNyAP_Q6AAIkf30MNl4363.jpg" alt="" class="img_main">
                        <img src="https://static.darryring.com/images/2019-10-29/15723400905db8017a50dc5.jpg" alt="" class="img_sec">
                    </div>
                    <div class="dring_thing-cort">
                        <p class="dring_thing-word">
                            LOVE LINE系列 简奢款 求婚钻戒
                        </p>
                        <div class="dring_thing-button">
                            <span class="dring_thing-price">
                                ￥26239
                            </span>
                            <div class="submitBtn buy-btn" > 
                                 <div class="dr-btn-wrap default">
                                    <div class="primary-btn"></div> 
                                     <div class="dr-btn-text"> 
                                         <span>立即购买</span> 
                                     </div>
                                 </div>
                            </div> 
                         </div>
                    </div>
                </div> 
            </li>  -->
           
            <!-- <li>
                <div>
                    <div class="imgBox">
                        <img src="https://fastdfscdn.darryring.com/group1/M00/02/E1/wKgclmEfPNyAP_Q6AAIkf30MNl4363.jpg" alt="" class="img_main">
                        <img src="" alt="" class="img_sec">
                    </div>
                    <div class="dring_thing-cort">
                        <p class="dring_thing-word">
                            LOVE LINE系列 简奢款 求婚钻戒
                        </p>
                        <div class="dring_thing-button">
                            <span class="dring_thing-price">
                                ￥26239
                            </span>
                            <div class="submitBtn buy-btn">
                                <div class="dr-btn-wrap default">
                                    <div class="primary-btn"></div>
                                    <div class="dr-btn-text">
                                        <span>立即购买</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li> -->

            <!-- <li>
                <div>
                    <div class="imgBox">
                        <img src="https://fastdfscdn.darryring.com/group1/M00/02/E1/wKgclmEfPNyAP_Q6AAIkf30MNl4363.jpg" alt="" class="img_main">
                        <img src="" alt="" class="img_sec">
                    </div>
                    <div class="dring_thing-cort">
                        <p class="dring_thing-word">
                            LOVE LINE系列 简奢款 求婚钻戒
                        </p>
                        <div class="dring_thing-button">
                            <span class="dring_thing-price">
                                ￥26239
                            </span>
                            <div class="submitBtn buy-btn">
                                <div class="dr-btn-wrap default">
                                    <div class="primary-btn"></div>
                                    <div class="dr-btn-text">
                                        <span>立即购买</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li> -->


        </ul>

        <div class="pagination"></div>
        
        </div>
    </div>

</div>